{% extends "home/home.html" %}

{% block content %}
<div class="row">
    <div class="col-md-4 col-md-offset-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title"><span class="glyphicon glyphicon-log-in"></span>&nbsp;会员登录</h3>
            </div>
            <div class="panel-body">
                {% for msg in get_flashed_messages(category_filter=["err"]) %}
                <p style="color: red">{{msg}}</p>
                {% endfor%}
                {% for msg in get_flashed_messages(category_filter=["ok"]) %}
                <p style="color: green">{{msg}}</p>
                {% endfor%}
                <form role="form" method="post">
                    <fieldset>
                        <div class="form-group">
                            <label for="input_contact"><span class="glyphicon glyphicon-user"></span>&nbsp;{{form.name.label}}</label>
                            &nbsp;{{form.name}}
                        </div>
                        {% for err in form.name.errors %}
                        <div class="col-md-12">
                            <span style="color: red">{{err}}</span>
                        </div>
                        {% endfor %}
                        <div class="col-md-12" id="error_contact"></div>
                        <div class="form-group">
                            <label for="input_password"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;{{form.pwd.label}}</label>
                            &nbsp;{{form.pwd}}
                        </div>
                        {% for err in form.pwd.errors %}
                        <div class="col-md-12">
                            <span style="color: red">{{err}}</span>
                        </div>
                        {% endfor %}
                        <div class="col-md-12" id="error_password"></div>
                        &nbsp;{{form.csrf_token}}
                        &nbsp;{{form.submit}}
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}